<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*div strong{*/
        /*    color: white;*/
        /*    background-color: black;*/
        /*}*/

        /*div>strong{*/
        /*    color: white;*/
        /*    background-color: black;*/
        /*}*/

        div strong+span+span{
            color: white;
            background-color: black;
        }
    </style>
</head>
<body>

<!--
    13.元素&伪类的特点:
      1)伪元素和伪类都不会出现在源文档或者文档树中
      2)伪类允许出现在选择器的任何位置，而一个伪元素只能跟在选择器的最后一个简单选择器后面
      3)伪元素名和伪类名都是大小写不敏感的
      4)有些伪类是互斥的，而其它的可以同时用在一个元素上。(在规则冲突的情况下，常规层叠顺序决定结果)
      常用伪元素
        before/:after/:first-letter/:first-line :前面可以是1个冒号也可以是双冒号3)
        ::selection/::placeholder/::backdrop:前面只能是双冒号
-->

</body>
</html>